import React, {PureComponent} from 'react'
// import Line from '../component/product/table'
import Line from '../component/chart/base-line'
import '../../css/product.scss'
import '../../css/base-standand-chart.scss'
import {getProductLow, getProductDaily} from '../action/map.action'
import {setTitle, scale} from '../component/chart/util/common'
import echarts from 'echarts';
import {connect} from 'react-redux'
import ProductDaily from '../component/product/product-daily'
import ProductLow from '../component/product/product-low'

class Product extends PureComponent {
    componentDidMount() {
        const {dispatch} = this.props
        dispatch(getProductLow())
        dispatch(getProductDaily())
    }

    render() {
        return (
            <div>
                <div className="full-container">
                    <div className="standard-chart">
                        <ProductDaily/>
                    </div>
                    <div className="standard-chart">
                        <ProductLow/>
                    </div>
                </div>
            </div>
        )
    }

}


function mapStoreToProps({}) {
    return {}
}

export default connect(mapStoreToProps)(Product)